<template>
  <div class="Recommend">
  <booklist class="Collection" v-for="(item,index) in Collection" :key="index" :item="item" />
  <nomore/>
  </div>
</template>

<script>
// @ is an alias to /src
// import HelloWorld from '@/components/HelloWorld.vue'
import foot from "@/components/foot.vue";
import Header from "@/components/Header.vue";
import bookshow from "@/components/bookshow.vue";
import nomore from "@/components/nomore.vue";
import booklist from "@/components/booklist.vue";


export default {
  pic: "Home",
  components: {
    foot,
    Header,
    bookshow,
    nomore,
    booklist
  },
  data() {
    return {
      Collection: [
        // {
        //   pic: "bimg/hw1.jpg",
        //   chapter: "关于玄幻的小说，好看到爆，不容错过",
        //   title: "精品小说，均已完本，不容错过！",
        //   category: "共4本",
        // },
        // {
        //   pic: "bimg/hw6.jpg",
        //   chapter: "唐尧虞舜夏商秋，春秋战国，今天穿越到哪里呢？好难选择！",
        //   title: "奇葩主角的上下五千年",
        //   category: "共4本",
        // },
        // {
        //   pic: "bimg/hw3.jpg",
        //   chapter: "赶紧上车，赶紧上车，车门要焊死了！",
        //   title: "老司机看过来",
        //   category: "共6本",
        // },
        // {
        //   pic: "bimg/hw5.jpg",
        //   chapter: "本本都拍成了电视剧，质量有保证！",
        //   title: "好看不火系列",
        //   category: "共4本",
        // },
        // {
        //   pic: "bimg/hw4.jpg",
        //   chapter: "法师的世界，漫天法术，漫天扫把！",
        //   title: "呆，妖怪看我火球术！",
        //   category: "共4本",
        // },
        // {
        //   pic: "bimg/hw2.jpg",
        //   chapter: "兵王闯世界，不是一般的爽！",
        //   title: "中国兵，中国人，中国魂",
        //   category: "共32本",
        // },
      ],
    };
  },
  methods: {
   
  },
  mounted() {
    this.$axios.get("/api/Collection").then((data) => {
      var image = data.data;
      console.log(image);
      this.Collection=image
    });
  },
};
</script>

<style  scoped>

</style>